﻿body{
	margin:0px;
	padding:0px;
	background-color:#e6c8c8;	
}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:750px;
}

div.empty{
	width:1000px;
	height:100px;
}

div.part-1 {
	width:1000px;
	height:700px;
	float:left;
	border:groove #8d4c4b;
}

div.part-11 {
	width:170px;
	height:700px;
	float:left;
}

div.part-12 {
	width:600px;
	height:700px;
	float:left;
}

div.part-13 {
	width:225px;
	height:700px;
	float:left;
	border-left:solid #ffffff;
	background: #dd9e9e; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #dd9e9e, #f3e3e3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #dd9e9e, #dd9e9e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #dd9e9e, #f3e3e3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom left, #f1dcdc, #dd9e9e); /* Standard syntax */ 
}

div.photo{
	width:193px;
	height:200px;
	float:left;
}

img.ph{
	width:193px;
	height:195px;
}

img.ph:hover{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-o-transform:scale(1.3);
	transition:2s all ease;
	transform:scale(1.3);
	-webkit-transition:2s all ease;
	-moz-transition:2s all ease;
	-o-transition:2s all ease;	
}

div.photo-1{
	 width:198px; 
 	 height:200px;
  	 float:left;
	 margin-left:5px;
 } 

.text{ 
 	 width:150px; 
 	 height:150px; 
 	 background:#FFF; 
  	opacity:0;
	position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
} 
 
.ph:hover .text { 
 	 opacity:0.8; 
 	 text-align:justify; 
 	 color:#fb4f14; 
 	 font-size:16px; 
 	 font-weight:bold; 
 	 font-family:Tahoma, serif;
 	 padding:10px;
 	 direction:rtl;
	 text-decoration:none;
} 

img.hole{
	width:192px;
	height:200px;
}

div.hole{
	width:194px;
	height:200px;
	float:left;
}

img.phot{
	width:200px;
	height:90px;
}

div.part-121 {
	width:600px;
	height:200px;
	float:left;
}

div.part-122 {
	width:600px;
	height:200px;
	float:left;
}

div.part-123 {
	width:600px;
	height:200px;
	float:left;
}

div.part-124 {
	width:600px;
	height:50px;
	float:left;
}

div.part-125 {
	width:600px;
	height:50px;
	float:left;
}

img.tarh{
	width:200px;
	height:600px;
	padding-top:50px;
	padding-left:10px;
}